@import '../../style/color_theme.sass'
.product_details
    width: 100%
    height: 100%

    #root
        min-height: 100%

    .tabs_items
        .ant-tabs-nav-wrap
            padding: 14px 10px !important
            .ant-tabs-tab
                margin-right: 0
                border: 1px solid $color_ff69
                border-right: 0 none
                padding: 8px 30px
                transition: color 0s
                &:last-child
                    border-right: 1px solid $color_ff69
                    border-top-right-radius: 6px
                    border-bottom-right-radius: 6px
                
                &:first-child
                    border-top-left-radius: 6px
                    border-bottom-left-radius: 6px


            .ant-tabs-tab-active
                background: $color_ff69
                color: $color_ffff
            
            .ant-tabs-ink-bar
                height: 0

            .ant-tabs-nav
                padding: 0 10px !important
    .ant-tabs-bar
            border-width: 2px !important
            border-color: $color_f1f2

    .chart_item_title
        font-size: 16px
        padding-right: 30px
        color: $color_3333

    .charts_nav_header
        border-bottom: 2px solid $color_dcdc
        padding-bottom: 10px

    .echarts_exports
        font-size: 20px
        padding-right: 4px
        color: $color_8a8a

    .product_table_pt
        padding-top: 20px

    .product_select_date
        padding-right: 10px
        .date_select_label
            padding-right: 10px

        .ant-calendar-picker
            input
                border-radius: 6px !important

        strong
            font-weight: normal
            padding: 0 10px
            font-size: 18px
            color: $color_6666

    .product_common_date
        width: 160px

                